﻿<phone:PhoneApplicationPage 
    x:Class="Boxi.Instructions"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
    SupportedOrientations="Portrait" Orientation="Portrait"
    mc:Ignorable="d" d:DesignHeight="768" d:DesignWidth="480"
    shell:SystemTray.IsVisible="True" BackKeyPress="PhoneApplicationPage_BackKeyPress">

    <!--LayoutRoot is the root grid where all page content is placed-->
    <Grid x:Name="LayoutRoot" Background="Transparent" DataContext="{Binding Instance, Source={StaticResource PersistentSettingsDataSource}}">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>

        <!--TitlePanel contains the name of the application and page title-->
        <StackPanel x:Name="TitlePanel" Grid.Row="0" Margin="12,17,0,28">
            <TextBlock x:Name="ApplicationTitle" Text="Michael Kappel, MCPD" Style="{StaticResource PhoneTextNormalStyle}"/>
            <TextBlock x:Name="PageTitle" Text="Instructions" Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>
        </StackPanel>

        <!--ContentPanel - place additional content here-->
        <Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
            <ScrollViewer>
            <StackPanel Orientation="Vertical">
                <TextBlock Margin="0,10,0,0" FontSize="20" FontWeight="Bold" TextWrapping="Wrap">
                        General
                </TextBlock>
                 <TextBlock FontSize="16"  TextWrapping="Wrap">
                    The goal of the game is to fill in the majority of boxes with your color. You fill in boxes by being the user to activate the fourth line that surrounds a box. To select a line (Game move) hold finger over target line until the color changes. To accept the move lift finger off screen after color has changed or deactivate by slide finger off of target.
                </TextBlock>
                    <TextBlock Margin="0,10,0,0" FontSize="20" FontWeight="Bold" TextWrapping="Wrap">
                        Easy, Moderate, and Difficult Mode
                    </TextBlock>
                    <TextBlock FontSize="16"  TextWrapping="Wrap">
                        Easy mode automatically fills in all boxes that currently have 3 sides activated whereas Difficult mode does not. In Easy mode the computer randomly picks what scoring or non-scoring points to fill in. In Moderate and Difficult mode the computer will try find the best move and leave you with the worst. In Easy and Moderate mode the computer must complete all boxed that have 3 sides activated but in Difficult mode the computer can make a judgment call based on its strategy.
                    </TextBlock>
                    <Button Background="{Binding Path=AccentBrush}" Foreground="{Binding Path=SecondaryAccentBrush}" BorderBrush="{Binding Path=SecondaryAccentBrush}" Margin="0,20,0,0" x:Name="btnStartGame" FontSize="16" Canvas.ZIndex="1100" Content="Back to Game" Click="btnStartGame_Click"></Button>
            </StackPanel>
            </ScrollViewer>
        </Grid>
    </Grid>
 
    <!--Sample code showing usage of ApplicationBar-->
    <!--<phone:PhoneApplicationPage.ApplicationBar>
        <shell:ApplicationBar IsVisible="True" IsMenuEnabled="True">
            <shell:ApplicationBarIconButton IconUri="/Images/appbar_button1.png" Text="Button 1"/>
            <shell:ApplicationBarIconButton IconUri="/Images/appbar_button2.png" Text="Button 2"/>
            <shell:ApplicationBar.MenuItems>
                <shell:ApplicationBarMenuItem Text="MenuItem 1"/>
                <shell:ApplicationBarMenuItem Text="MenuItem 2"/>
            </shell:ApplicationBar.MenuItems>
        </shell:ApplicationBar>
    </phone:PhoneApplicationPage.ApplicationBar>-->

</phone:PhoneApplicationPage>
